<%@ page import="com.ws.lv.util.Res" %><%--
  Created by IntelliJ IDEA.
  User: Adminis
  Date: 2025/3/19
  Time: 11:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>轮播增加</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/css/bootstrap.min.css">
  <script src="${pageContext.request.contextPath}/admin/js/jquery-2.1.0.min.js"></script>
  <script src="${pageContext.request.contextPath}/admin/js/bootstrap.min.js"></script>
  <style>

    .cus-container {
      width: 1368px;
      margin-top: 20px;
    }

    #user-add .modal-content {
      padding: 0 20px 20px;
    }

    #user-edit .modal-content {
      padding: 0 20px 20px;
    }

    .bc, .fh {
      color: rgba(2, 2, 2, 0.53);
      background: rgba(244, 244, 244, 0.54);
      box-shadow: 0 0 10px rgba(255, 255, 255, 0.62);
      transition: box-shadow 0.4s ease; /* 添加过渡效果 */
    }

    .bc:hover {
      border: 0;
      text-decoration: none;
      color: rgb(250, 133, 15);
      background: rgba(118, 255, 87, 0.44);
      box-shadow: 0 0 10px rgba(123, 255, 87, 0.63);
    }

    .fh:hover {
      border: 0;
      text-decoration: none;
      color: rgba(123, 255, 87, 0.89);
      background: rgba(250, 133, 15, 0.49);
      box-shadow: 0 0 10px rgba(250, 133, 15, 0.69);
    }
    .lb{
      width: 200px;
      height: 100px;
      border-radius: 10%;
    }

  </style>
</head>
<body>

<div class="container cus-container">
  <!-- 添加轮播模态框 -->
  <h3 class="text-center">轮播修改</h3>
  <form action="${pageContext.request.contextPath}/slideshow/updateSlideshow" method="post" enctype="multipart/form-data">
    <input type="hidden" name="slideshow_id" value="${slideshow.slideshow_id}">
    <input type="hidden" name="slideshow_url" value="${slideshow.slideshow_url}">
    <%--轮播名称--%>
    <div class="form-group">
      <label for="image">轮播:</label>
      <input type="file" class="form-control" name="image" id="image">
      <img src="<%=Res.fileUrl%>${slideshow.slideshow_url}" class="lb">
    </div>
    <%--轮播名称--%>
    <div class="form-group">
      <label for="order">顺序:</label>
      <input type="number" class="form-control" name="slideshow_order" id="order" placeholder="请输入轮播顺序"
             value="${slideshow.slideshow_order}" required>
    </div>
    <button type="submit" class="btn btn-primary btn-lg btn-block bc">保存</button>
    <a href="${pageContext.request.contextPath}/slideshow/selectSlideshows"
       class="btn btn-primary btn-lg btn-block fh">返回</a>

  </form>
</div>

</body>
</html>
